<!--
 * @Description: Stay hungry，Stay foolish
 * @Author: ''
 * @Date: 2023-10-18 11:14:04
 * @LastEditTime: 2023-10-18 19:36:45
 * @LastEditors: ''
-->
<template>
  <div class="demo-select-size">
    <div class="column-divider">
      <div class="demo-button-line">
        <div class="d-title">Type</div>
        <e-select
          style="width:200px"
          type="checkbox">
          <e-option
            v-for="item in cityList"
            :value="item.value"
            :key="item.value"
            :disabled="item.disabled">{{ item.label }}</e-option>
        </e-select>
      </div>
    </div>
  </div>
</template>
<script setup>
import {ref} from 'vue'

let cityList=ref([
  {
    value: 'New York',
    label: 'New York'
  },
  {
    value: 'London',
    label: 'London'
  },
  {
    value: 'Sydney',
    label: 'Sydney'
  },
  {
    value: 'Ottawa',
    label: 'Ottawa'
  },
  {
    value: 'Paris',
    label: 'Paris'
  },
  {
    value: 'Canberra',
    label: 'Canberra'
  }
])


</script>
<style>
.demo-select-size .demo-button-line .d-title {
  font-size: 14px;
  font-family: MicrosoftYaHei;
  color:rgba(98,54,255,1);
  display: inline-block;
  width: 4rem;
  margin-bottom: 20px;
}

</style>
